.record-sign-in{
    width: 480px;
    height: 400px;
}
.option-menu{
    position: fixed;
    z-index: 99;
    right: 12px;
    top: 62px
}
.action-menu-item{
    z-index: 99;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    float: right;
}

.more-action-button{
    margin-left: 4px;
}

.user-settting{
    width: 400px;
    height: 480px;
    display: inline-block;
    background-color: #EFEFEF;
    position: fixed;
    z-index: 99;
    right: 4px;
    top: 4px;
    box-shadow:0 0 0 1600px rgba(0,0,0,0.65);
}

.user-setting-header{
    padding-left: 54px;
    padding-top: 6px;
    padding-bottom: 4px;
    box-shadow: 0px 2px 1px #dcdcdc;
}

.setting-list {
    text-align: center;
    padding: 8px;
}
.address-item{
    display: inline-block;
}

.setting-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
}

.apply-button{
    float: right;
    margin-right: 12px;
}

.form-content{
    text-align: center;
    margin-top: 80px;
}

.mdl-textfield__label:after {
    background-color: #6e8696;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #6e8696;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: #fff;
    background-color: #6e8696;
}

.mdl-layout__header {
    background-color: #6e8696;
}

.mdl-layout-title{
    border-bottom: 2px solid #DCDCDC;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 24px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link a{
    text-decoration:none;
    overflow: hidden;
    text-overflow:ellipsis;
}

.mdl-navigation__link.selected{
    background-color: #DCDCDC;
}

.tag-item {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    float: left;
    margin-left: 4px;
    border-radius: 50%;
    box-shadow: 1px 1px 2px 0px #DCDCDC;
}

.tag-item.selected{
    box-shadow: 2px 2px 3px 0px #DCDCDC;
}

.tag-item.clicked{
    box-shadow: 2px 2px 3px 0px #989898;
}